<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>欢迎登录</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<link rel="stylesheet" href="http://static-online.zhaogang.com/publicresource/css/CatUI.min.css">
	<link rel="stylesheet" href="/Resources/login/css/login.css">
	
</head>
<body>
	<div id="mall_header">
		<div class="topbar">
			<div class="w1180">
				<div class="toplink">
					<a href=""><i class="home"></i>找钢首页</a>
					<span>喵，欢迎来找钢！</span>
					<a href="javascript:" id="btn_login">请登录</a>
					<a href="javascript:" id="btn_register">免费注册</a>
					<a href="javascript:" id="btn_quit" style="display:none;">退出</a>
				</div>
				<div class="topmenu">
					<a href="">我的找钢网</a>
					|<a href="">我的订单</a>
					|<a href="">积分商城</a>
					|<a href="">帮助中心</a>
					|<a href="">在线客服</a>
					|<span><i class="tel"></i>021-60100300 (8:30-17:30)</span>	
				</div>
			</div>
		</div>
		<div class="header_box subtitle">
			<div class="w1180">
				<a href="" class="logo_cat"></a>
				<h1>欢迎登录</h1>
			</div>
		</div>
	</div>

	<div class="loginWrapper">
		<div class="content">
			<div class="loginBox">
				<h2>会员登录</h2>
				<div class="form">
					<div class="errorBox"><i class="icon icon_error"></i><span class="errorMsg"></span></div>
					<div class="input_box">
						<input type="text" class="inputs username" placeholder="手机/QQ/邮箱">
						<i class="icon icon_username"></i>
					</div>
					<div class="input_box">
						<input type="password" class="inputs password" placeholder="请输入密码">
						<i class="icon icon_password"></i>
					</div>
					<!--<div class="input_box">-->
						<!--<input type="text" class="inputs code" placeholder="请输入验证码">-->
						<!--<img src="images/yz_code.jpg" class="yzCode" alt="">-->
						<!--<a href="javascript:void(0)">换一张</a>-->
						<!--<i class="icon icon_code"></i>-->
					<!--</div>-->
					<div class="checkbox_box">
						<input type="checkbox">下次自动登录
					</div>
					<a href="selectAdmin.html" class="btns" id="loginBtn">立刻登录</a>
					<div class="link">
						<a href="javascript:void(0)" class="qq"><i></i>QQ登录</a>
						<a href="findpwd.html" class="r">忘记密码？</a>
						<a href="register.html" class="r">免费注册</a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="mall_footer">
		<div class="copyright">
			<div class="link">
		    	<a href="" target="_blank">关于我们</a>
		        | <a href="" target="_blank">法律声明</a>
		        | <a href="" target="_blank">诚聘英才</a>
		        | <a href="" target="_blank">联系我们</a>
		        | <a href="" target="_blank">友情链接</a>
		        | <a href="" target="_blank">常见问题</a>
		    </div>
			<p>COPYRIGHT &copy; 找钢网 www.zhaogang.com 沪ICP备 13013915号-3 ICP证：沪B2-20140148</p>
			<p class="honor">
				<span>商务部2015-2016年度电子商务示范企业</span>
				<span>2015年中国企业家未来之星</span>
				<span>经济观察报 中国最受尊敬企业风云人物</span>
				<span>2015年中国大宗商品现代流通诚信市场</span>
			</p>
			<div class="copyimg">
				<span class="img1"></span>
				<span class="img2"></span>
				<a href="http://www.itrust.org.cn/home/index/itrust_certifi?wm=1591692730" class="img4" target="_blank"></a>
				<a href="" class="img3"></a>
			</div>
		</div>
	</div>


	<script src="http://static-online.zhaogang.com/publicresource/js/jquery.min.js"></script>
	<script src="http://static-online.zhaogang.com/publicresource/js/CatUI.min.js"></script>

	<script>
		var loginIndex = {
			//显示报错
			showError: function(Msg){
				$('.errorBox').slideDown().find('.errorMsg').html(Msg).siblings().css('display','inline-block');
			},

			//隐藏报错
			hideError: function(){
				$('.errorBox').slideUp().find('.errorMsg').html('请输入').siblings().css('display','none');
			}
		}

		$(function(){
			$('#loginBtn').click(function(){
				loginIndex.showError('请输入登录名');
			})

			$('input').focusin(function(){
				loginIndex.hideError();
			})
		})
	</script>

</body>
</html>